<style>
	@import url('../static/css/battlehall.css');
</style>
<template>
	<view>
		<!-- 公共头部  -->
		<view> <my-header :title="'对战大厅'" :lefticon="'left'"></my-header></view>
		<!-- 列表 -->
		<view class="content">
			<view class="personal">
				<view><navigator :url="'/pages/hitgame/pages/personalteam?id='+make_id"><text>单人对战</text></navigator></view>
				<view  class="taright"><text @click="rulebattle()">单人规则</text><text @click="rulebattle()">团队规则</text></view>
			</view>
			<view class="search">
				<uni-search-bar @confirm="search" :focus="false" v-model="searchValue" placeholder='请输入名称或人数查询' @blur="blur"   @focus="focus"   @input="input"    @cancel="cancel" @clear="clear"> </uni-search-bar>
			</view>
			<view class="list">
				<view class="game_list">
					<view class="game_list_all">
						<view class="title taleft">五指毛桃</view>
						<view class="title tacenter">人数:5</view>
						<view class="type_ok taright" @click="applybattle(2)">申请团队对战</view>
					</view>
				</view>
			</view>
			<view class="list">
				<view class="game_list">
					<view class="game_list_all">
						<view class="title taleft">五指毛桃五指毛桃五指毛桃五指毛桃五指毛桃</view>
						<view class="title tacenter">人数:5</view>
						<view class="type_ok taright" @click="applybattle(2)">申请团队对战</view>
					</view>
				</view>
			</view>
		</view>
	</view>
	<!-- 弹出项目选择1 -->
	<view class='mask' v-show="frame"></view>
	<view class="alert" v-show="frame">
		<view class="alert_body">
			<view class="close" @click="close"><uni-icons type="closeempty" size="20"></uni-icons></view>
			<view class='selected'>对战项目选择</view>
			<view class="navlist" v-for="(item,index) in list"><button  open-type="share" @share='onShareAppMessage'  :data-projectid="item.id">{{item.project_name}}</button></view>
		</view>
	</view>
	
	<view class="keepTraining">
		<navigator :url="'/pages/hitgame/pages/ownteam?make_id='+make_id"><view>创建团队</view></navigator>
	</view>
</template>

<script type="module" src="../static/js/battlehall.js"></script>